<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script src="../js/flexible.debug.js"></script>
    <script src="../js/flexible_css.debug.js"></script>

    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/indexshouye.css">
    <link rel="stylesheet" href="../css/swiper.css">
    <style>


    </style>
</head>

<body>


    <div id="tabs-container" class="tabsd">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <div class="content-slide">
                    <div class="news-list tijiao">
                        <main class="main">
                            <section class="table">
                                <img src="../imgs/daohang.png" alt="">
                                <div class="caidan">
                                    <img src="../imgs/shezhi.png" alt="">
                                </div>
                            </section>
                            <section class="dao">
                                <div class="he">
                                    App<span>Solutuon</span>
                                </div>
                            </section>
                            <section class="tiwen">
                                <div class="inngs">
                                    <img src="../imgs/tiwen.png" alt="">
                                </div>
                                <div class="jiehshao">
                                    <div class="left">
                                        <img src="../imgs/yiyuan.png" alt="">
                                    </div>
                                    <div class="right">
                                        <div class="one">
                                            <div class="le">45分钟前</div>
                                            <div class="le2">xin0</div>
                                        </div>
                                        <div class="two">
                                            [攻略]如何不排队挂到专家号？实测丁香医生在线问诊功能
                                        </div>
                                        <div class="san">
                                            丁香医生这个app，不用挂号就能看专家，告别排队3小时，有病两分钟，切切实实解决问题。
                                        </div>
                                    </div>
                                </div>
                                <div class="xian"></div>
                            </section>
                            <section class="tiwen">
                                <div class="inngs">
                                    <img src="../imgs/tiwan1.png" alt="">
                                </div>
                                <div class="jiehshao">
                                    <!--
               <div class="left">
                   <img src="../imgs/yiyuan.png" alt="">
               </div>
-->
                                    <div class="right">
                                        <div class="one">
                                            <div class="le">45分钟前</div>
                                            <div class="le2">xin0</div>
                                        </div>
                                        <div class="two">
                                            [攻略]如何不排队挂到专家号？实测丁香医生在线问诊功能
                                        </div>
                                        <div class="san">
                                            丁香医生这个app，不用挂号就能看专家，告别排队3小时，有病两分钟，切切实实解决问题。
                                        </div>
                                    </div>
                                </div>
                                <div class="xian"></div>
                            </section>
                            <section class="tiwen">
                                <div class="inngs">
                                    <img src="../imgs/tiwan1.png" alt="">
                                </div>
                                <div class="jiehshao">
                                    <!--
               <div class="left">
                   <img src="../imgs/yiyuan.png" alt="">
               </div>
-->
                                    <div class="right">
                                        <div class="one">
                                            <div class="le">45分钟前</div>
                                            <div class="le2">xin0</div>
                                        </div>
                                        <div class="two">
                                            [攻略]如何不排队挂到专家号？实测丁香医生在线问诊功能
                                        </div>
                                        <div class="san">
                                            丁香医生这个app，不用挂号就能看专家，告别排队3小时，有病两分钟，切切实实解决问题。
                                        </div>
                                    </div>
                                </div>
                                <div class="xian"></div>
                            </section>
                            <section class="tiwen">
                                <div class="inngs">
                                    <img src="../imgs/tiwan1.png" alt="">
                                </div>
                                <div class="jiehshao">
                                    <!--
               <div class="left">
                   <img src="../imgs/yiyuan.png" alt="">
               </div>
-->
                                    <div class="right">
                                        <div class="one">
                                            <div class="le">45分钟前</div>
                                            <div class="le2">xin0</div>
                                        </div>
                                        <div class="two">
                                            [攻略]如何不排队挂到专家号？实测丁香医生在线问诊功能
                                        </div>
                                        <div class="san">
                                            丁香医生这个app，不用挂号就能看专家，告别排队3小时，有病两分钟，切切实实解决问题。
                                        </div>
                                    </div>
                                </div>
                                <div class="xian"></div>
                            </section>
                            <section class="tiwen">
                                <div class="inngs">
                                    <img src="../imgs/tiwan1.png" alt="">
                                </div>
                                <div class="jiehshao">
                                    <!--
               <div class="left">
                   <img src="../imgs/yiyuan.png" alt="">
               </div>
-->
                                    <div class="right">
                                        <div class="one">
                                            <div class="le">45分钟前</div>
                                            <div class="le2">xin0</div>
                                        </div>
                                        <div class="two">
                                            [攻略]如何不排队挂到专家号？实测丁香医生在线问诊功能
                                        </div>
                                        <div class="san">
                                            丁香医生这个app，不用挂号就能看专家，告别排队3小时，有病两分钟，切切实实解决问题。
                                        </div>
                                    </div>
                                </div>
                                <div class="xian"></div>
                            </section>
                        </main>
                    </div>
                </div>
            </div>








            <div class="swiper-slide">
                <div class="content-slide">
                    <div class="news-list shouye toble">

                        <header class="header">
                            <div class="right">
                                <span type="button" class="btn " data-toggle="modal" data-target=".bs-example-modal-lg"><img src='../imgs/11.png'></span>
                            </div>
                            <div class="center"></div>
                            <div class="left"><img src='../imgs/12.png'></div>
                        </header>
                        <div class="swiper-container">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <img src='../imgs/10.png' width="100%">
                                    <p class="p1">公司/昨天 17:57</p>
                                    <p class="p2">从无印良品到网易严选和米家，如何优雅的完成“消费降级”</p>
                                </div>
                                <div class="swiper-slide"><img src='../imgs/10.png' width="100%">
                                    <p class="p1">公司/昨天 17:57</p>
                                    <p class="p2">从无印良品到网易严选和米家，如何优雅的完成“消费降级”</p>
                                </div>
                                <div class="swiper-slide"><img src='../imgs/10.png' width="100%">
                                    <p class="p1">公司/昨天 17:57</p>
                                    <p class="p2">从无印良品到网易严选和米家，如何优雅的完成“消费降级”</p>
                                </div>
                            </div>
                            <div class="swiper-pagination"></div>
                        </div>
                        <section class="set">
                            <img src="../imgs/4.png">
                        </section>
                        <div class="lsmin">

                        </div>
                        <div class="zhuanquan"><img src="../imgs/quan.png" class="xuanzhuan" />加载中…</div>
                        <section class="gdlm-gdlm">
                            <div class="gd-header">
                                <div class="header-left">
                                </div>
                                <div class="header-center">
                                    <span>更多栏目</span>
                                </div>
                                <div class="header-right">
                                </div>
                            </div>
                            <figure>
                                <img src="../imgs/gdlm-more.png">
                            </figure>
                            <ul>
                                <li>
                                    <a><img src="../imgs/gdlm-xiaocx.png"></a>
                                </li>
                                <li>
                                    <a><img src="../imgs/gdlm-ship.png"></a>
                                </li>
                                <li>
                                    <a><img src="../imgs/gdlm-zaob.png"></a>
                                </li>
                                <li>
                                    <a><img src="../imgs/gdlm-das.png"></a>
                                </li>
                                <li>
                                    <a href="dushu.html"><img src="../imgs/gdlm-shud.png"></a>
                                </li>
                                <li>
                                    <a><img src="../imgs/gdlm-pingc.png"></a>
                                </li>
                                <li>
                                    <a><img src="../imgs/gdlm-chanp.png"></a>
                                </li>
                                <li>
                                    <a><img src="../imgs/gdlm-qiche.png"></a>
                                </li>
                                <li>
                                    <a><img src="../imgs/gdlm-shangy.png"></a>
                                </li>
                                <li>
                                    <a><img src="../imgs/gdlm-renw.png"></a>
                                </li>
                                <li>
                                    <a><img src="../imgs/gdlm-xinc.png"></a>
                                </li>
                                <li>
                                    <a><img src="../imgs/gdlm-shengh.png"></a>
                                </li>
                            </ul>
                        </section>
                        <div class="fx-zhe"></div>
                    </div>
                </div>
            </div>










            <div class="swiper-slide">
                <div class="content-slide">
                    <div class="news-list wanwuzhi">

                        <header class="header">
                            <div class="left">
                                <img src="../imgs/26.png">
                            </div>
                            <div class="right">
                                <img src="../imgs/25.png">
                            </div>
                        </header>
                        <section class="set">
                            <img src="../imgs/27.png">
                        </section>
                        <section class="techu">
                            <div class="imgs">
                                <img src="../imgs/20.png" width="96%">
                            </div>

                            <div class="shijian">
                                <span class="span1">2 小时前</span>
                                <span class="span2">
                                        <img src='../imgs/6.png'>
                                        <span>2</span>
                                </span>
                            </div>
                            <div class="ipone">
                                <p class="p_one">连苏轼都选择的茶具，你的桌子上还缺它</p>
                                <p class='p_two'>&nbsp;&nbsp;前两天, 玩物君跟大家介绍了, 在办公室或者旅行时, 泡茶</p>
                                <p class='p_two'>十分方便π茶.但是有人表示【虽然π杯很方便，但是在家里...</p>
                                <p class="p_there"><img src='../imgs/28.png'></p>
                            </div>
                        </section>
                        <section class="techu1">
                            <div class="imgs">
                                <img src="../imgs/20.png" width="96%">
                            </div>

                            <div class="shijian">
                                <span class="span1">2 小时前</span>
                                <span class="span2">
                                        <img src='../imgs/6.png'>
                                        <span>2</span>
                                </span>
                            </div>
                            <div class="ipone">
                                <p class="p_one">连苏轼都选择的茶具，你的桌子上还缺它</p>
                                <p class='p_two'>&nbsp;&nbsp;前两天, 玩物君跟大家介绍了, 在办公室或者旅行时, 泡茶</p>
                                <p class='p_two'>十分方便π茶.但是有人表示【虽然π杯很方便，但是在家里...</p>
                                <p class="p_there"><img src='../imgs/28.png'></p>
                            </div>
                        </section>




                    </div>

                </div>
            </div>










            <div class="swiper-slide">
                <div class="content-slide">
                    <div class="news-list tijiao">
                        <main class="main">
                            <section class="table">
                                <img src="../imgs/daohang.png" alt="">
                                <div class="caidan">
                                    <a href="chanpinfenxi.html"><img src="../imgs/shezhi.png" alt=""></a>
                                </div>
                            </section>
                            <section class="dao">
                                <div class="he">
                                    App<span>Solutuon</span>
                                </div>
                            </section>
                            <section class="tiwen">
                                <div class="inngs">
                                    <img src="../imgs/tiwen.png" alt="">
                                </div>
                                <div class="jiehshao">
                                    <div class="left">
                                        <img src="../imgs/yiyuan.png" alt="">
                                    </div>
                                    <div class="right">
                                        <div class="one">
                                            <div class="le">45分钟前</div>
                                            <div class="le2">xin0</div>
                                        </div>
                                        <div class="two">
                                            [攻略]如何不排队挂到专家号？实测丁香医生在线问诊功能
                                        </div>
                                        <div class="san">
                                            丁香医生这个app，不用挂号就能看专家，告别排队3小时，有病两分钟，切切实实解决问题。
                                        </div>
                                    </div>
                                </div>
                                <div class="xian"></div>
                            </section>
                            <section class="tiwen">
                                <div class="inngs">
                                    <img src="../imgs/tiwan1.png" alt="">
                                </div>
                                <div class="jiehshao">
                                    <!--
                                   <div class="left">
                                       <img src="../imgs/yiyuan.png" alt="">
                                   </div>
                    -->
                                    <div class="right">
                                        <div class="one">
                                            <div class="le">45分钟前</div>
                                            <div class="le2">xin0</div>
                                        </div>
                                        <div class="two">
                                            [攻略]如何不排队挂到专家号？实测丁香医生在线问诊功能
                                        </div>
                                        <div class="san">
                                            丁香医生这个app，不用挂号就能看专家，告别排队3小时，有病两分钟，切切实实解决问题。
                                        </div>
                                    </div>
                                </div>
                                <div class="xian"></div>
                            </section>
                            <section class="tiwen">
                                <div class="inngs">
                                    <img src="../imgs/tiwan1.png" alt="">
                                </div>
                                <div class="jiehshao">
                                    <!--
                                   <div class="left">
                                       <img src="../imgs/yiyuan.png" alt="">
                                   </div>
                    -->
                                    <div class="right">
                                        <div class="one">
                                            <div class="le">45分钟前</div>
                                            <div class="le2">xin0</div>
                                        </div>
                                        <div class="two">
                                            [攻略]如何不排队挂到专家号？实测丁香医生在线问诊功能
                                        </div>
                                        <div class="san">
                                            丁香医生这个app，不用挂号就能看专家，告别排队3小时，有病两分钟，切切实实解决问题。
                                        </div>
                                    </div>
                                </div>
                                <div class="xian"></div>
                            </section>
                            <section class="tiwen">
                                <div class="inngs">
                                    <img src="../imgs/tiwan1.png" alt="">
                                </div>
                                <div class="jiehshao">
                                    <!--
                                   <div class="left">
                                       <img src="../imgs/yiyuan.png" alt="">
                                   </div>
                    -->
                                    <div class="right">
                                        <div class="one">
                                            <div class="le">45分钟前</div>
                                            <div class="le2">xin0</div>
                                        </div>
                                        <div class="two">
                                            [攻略]如何不排队挂到专家号？实测丁香医生在线问诊功能
                                        </div>
                                        <div class="san">
                                            丁香医生这个app，不用挂号就能看专家，告别排队3小时，有病两分钟，切切实实解决问题。
                                        </div>
                                    </div>
                                </div>
                                <div class="xian"></div>
                            </section>
                            <section class="tiwen">
                                <div class="inngs">
                                    <img src="../imgs/tiwan1.png" alt="">
                                </div>
                                <div class="jiehshao">
                                    <!--
                                   <div class="left">
                                       <img src="../imgs/yiyuan.png" alt="">
                                   </div>
                    -->
                                    <div class="right">
                                        <div class="one">
                                            <div class="le">45分钟前</div>
                                            <div class="le2">xin0</div>
                                        </div>
                                        <div class="two">
                                            [攻略]如何不排队挂到专家号？实测丁香医生在线问诊功能
                                        </div>
                                        <div class="san">
                                            丁香医生这个app，不用挂号就能看专家，告别排队3小时，有病两分钟，切切实实解决问题。
                                        </div>
                                    </div>
                                </div>
                                <div class="xian"></div>
                            </section>
                        </main>




                    </div>
                </div>
            </div>





            <div class="swiper-slide">
                <div class="content-slide">
                    <!--                    <iframe src="app.html" frameborder="0" scrolling="no" width="80%" height="2000px" class="news-list"></iframe>-->
                    <div class="news-list MindStore">
                        <main class="main">
                            <section class="table">
                                <img src="../imgs/mindstore.png" alt="">
                                <div class="caidan">
                                    <a href="one%20.html"><img src="../imgs/shezhi.png" alt=""></a>
                                </div>
                            </section>
                            <section class="dao">
                                <div class="he">
                                    04月20日<span>昨天</span>
                                </div>
                            </section>
                            <section class="bod">
                                <div class="left">
                                    <div class="img">
                                        <img src="../imgs/xihao.png" alt="">
                                    </div>
                                </div>
                                <div class="right">
                                    <div class="one">官方FAQ|产后提交后，如何获得MindStore的曝光？</div>
                                    <p class="p2">产品提交过程有疑问？产品提交后，怎么参加Mind的周邦 评选？周榜评选有哪些注意？创业团队如何获得爱范儿的创业访谈报道？这里会解答所有的疑问。
                                    </p>
                                    <div class="p3">
                                        <img src="../imgs/xiang1.png" alt="">
                                    </div>
                                </div>
                            </section>
                            <section class="bod">
                                <div class="left">
                                    <div class="img">
                                        <img src="../imgs/xihao.png" alt="">
                                    </div>
                                </div>
                                <div class="right">
                                    <div class="one">官方FAQ|产后提交后，如何获得MindStore的曝光？</div>
                                    <p class="p2">产品提交过程有疑问？产品提交后，怎么参加Mind的周邦 评选？周榜评选有哪些注意？创业团队如何获得爱范儿的创业访谈报道？这里会解答所有的疑问。
                                    </p>
                                    <div class="p3">
                                        <img src="../imgs/xiang1.png" alt="">
                                    </div>
                                </div>
                            </section>
                            <section class="bod">
                                <div class="left">
                                    <div class="img">
                                        <img src="../imgs/xihao.png" alt="">
                                    </div>
                                </div>
                                <div class="right">
                                    <div class="one">官方FAQ|产后提交后，如何获得MindStore的曝光？</div>
                                    <p class="p2">产品提交过程有疑问？产品提交后，怎么参加Mind的周邦 评选？周榜评选有哪些注意？创业团队如何获得爱范儿的创业访谈报道？这里会解答所有的疑问。
                                    </p>
                                    <div class="p3">
                                        <img src="../imgs/xiang1.png" alt="">
                                    </div>
                                </div>
                            </section>
                        </main>

                    </div>
                </div>
            </div>
        </div>
    </div>

    <script src="../js/jquery-2.2.4.min.js"></script>
    <script src="../js/dropload.js"></script>
    <script src="../js/swiper.js"></script>
    <script src="../js/artTemplate.js"></script>

    <script type="text/html" id="products-temp">
        {{each lie as v}}
        <a href="{{v._href}}">
            <section class="techu">
                <div class="imgs">
                    <img src="{{v.logoImg}}" width="96%">
                </div>

                <div class="shijian">
                    <span class="span">{{v.diZ}}</span>
                    <span class="span1">{{v.shiJ}}</span>
                    <span class="span2">
            <img src='../imgs/6.png'>
            <span>0</span>
                    </span>
                </div>
                <div class="ipone">
                    <p class="p_one">{{v.P_one}}</p>
                    <p class="p_one">{{v.p_two}}</p>
                    <p class="p_two">{{v.P_three}}</p>
                    <p class="p_there"><img src='{{v.pImg}}'></p>
                </div>
            </section>
        </a>
        {{/each}}
    </script>


    <script>
        $(function() {
            $(".header .left").on("click", function() {
                $('.gdlm-gdlm').fadeIn();
                $(".fx-zhe").fadeIn();
                $(this).hide();
                $(".header .right").hide();
            })
            $(".header .right").on("click", function() {
                location.href = "msdl.html"
            })
            $("body").on('click', ".fx-zhe", function() {
                $('.gdlm-gdlm').fadeOut();
                $(".fx-zhe").fadeOut();
                $(".header .left").show();
                $(".header .right").show();
            })
            $('body').on('cilck', ".lsmin", function() {
                location.href = "suoni.html"
            })
        })

        $(".caidan").on("click", function() {
            location.href = "msdl1.html";
        });

        var swiper = new Swiper('.swiper-container', {
            pagination: '.swiper-pagination',
            paginationClickable: true,
            paginationBulletRender: function(swiper, index, className) {
                return '<span class="' + className + '">' + (index + 1) + '</span>';
            }
        });
        $(function() {
            // 页数
            var page = 0;
            // 每页展示5个
            var size = 5;

            $('.lsmin').dropload({
                scrollArea: window,
                threshold: 50, //距离底部50的时候刷新
                loadDownFn: function(me) {
                    //console.log(me);
                    page++;
                    $.ajax({
                        type: "get",
                        url: "../json/shouye.json",
                        dataType: "json",
                        success: function(data) {
                            setTimeout(function() {
                                // 插入数据到页面，放到最后面
                                data = data.slice(0, 2); //截取data数据
                                var str = template("products-temp", {
                                    lie: data
                                });
                                $(".lsmin").append(str); //渲染到页面
                                // 每次数据插入，必须重置
                                me.resetload();
                            }, 1000);
                        },
                        error: function(xhr, type) {
                            //alert('Ajax error!');
                            // 即使加载出错，也得重置
                            me.resetload();
                        }
                    });
                }
            });
        });

    </script>

    <script>
        var swiper = new Swiper('.tabsd', {
            pagination: '.swiper-pagination',
            paginationClickable: true,
            spaceBetween: 30
        });

    </script>




</body>

</html>
